<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link href="../css/backend/main.css" rel="stylesheet" type="text/css" />
<link href="../css/backend/relatorios.css" rel="stylesheet" type="text/css" />
<link href="../css/backend/tooltip.css" rel="stylesheet" type="text/css" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/backend/efeito_menu_lateral.js"></script>
<script type="text/javascript" src="../js/jquery.tools.min.js?select=full&amp;debug=true"></script>

<title>webGenius! Gestão Acadêmica Inteligente</title></head>

<body>

<? include_once('topo.php'); ?>

<div id="conteudo">

	<? include_once('menu_lateral.php'); ?>
	
    <!-- BOX CONTEUDO -->
    <div id="box_conteudo">
		
    		<a href="#" id="box_tooltip">
            
                <img src="../image/backend/dicas.jpg" id="dicas" alt="" title="<p>
                
                Lorem ipsum dolor sit amet, consectetur
                adipiscing elit. Duis sollicitudin ultrices
                erat vitae sodales. Duis pretium mollis
                risus, sed pellentesque diam accumsan
                et. Vivamus sapien lorem, ullamcorper 
                n auctor non, lacinia et arcu.
                Maecenas condimentum tincidunt
                massa.
                
                </p>" />
    		
            </a>

			<script type="text/javascript">
        
            // inicia a tooltip
            $("#box_tooltip img[title]").tooltip({
            
               // definie a posição da imagem de dicas
               offset: [200, 0],
            
               effect: 'slide'
            
            }).dynamic({ bottom: { direction: 'down', bounce: true } });
            
            </script>
        
    	<img src="../image/backend/titulo_relatorios.jpg" id="relatorios" class="titulo" alt="Relat&oacute;rios" />
    
        <!-- DIV MÃE DOS RELATORIOS -->
        <div id="envolve_relatorios">
        
            <!-- ESSA DIV DEVE SER REPETIDA O NÚMERO DE VEZES QUE HOUVER UM RELATÓRIO -->
            <div class="box_relatorios"><img src="../image/backend/_grafico.jpg" width="219" height="322" alt="Gráfico" /></div>
            
            <div class="box_relatorios"><img src="../image/backend/_grafico.jpg" width="219" height="322" alt="Gráfico" /></div>
            
            <div class="box_relatorios"><img src="../image/backend/_grafico.jpg" width="219" height="322" alt="Gráfico" /></div>
            
            <div class="box_relatorios"><img src="../image/backend/_grafico.jpg" width="219" height="322" alt="Gráfico" /></div>
            
            <div class="box_relatorios"><img src="../image/backend/_grafico.jpg" width="219" height="322" alt="Gráfico" /></div>
            
            <div class="box_relatorios"><img src="../image/backend/_grafico.jpg" width="219" height="322" alt="Gráfico" /></div>
            
        </div>
        <!-- FIM DIV MÃE DOS RELATÓRIOS -->
        
	</div>
    <!-- FIM CONTEÚDO -->   
     
</div>

<? include_once('rodape.php'); ?>

</body>
</html>